<!--
  @author:  long
  @date:    2023/4/6
  @file:    xx
  @require:
-->
<template>
  <div class="performanceDetails">
    <el-table :data="tableData" border>
      <el-table-column
        type="index"
        label="序号"
        fixed="left"
        align="center"
        width="55"
      ></el-table-column>
      <el-table-column
        label="一级指标"
        fixed="left"
        prop="firstLevel"
        width="150"
      ></el-table-column>
      <el-table-column
        label="二级指标"
        fixed="left"
        prop="secondLevel"
        width="150"
      ></el-table-column>
      <el-table-column
        label="指标说明及工作内容、工作要求等"
        width="320"
        fixed="left"
        prop="content"
      ></el-table-column>
      <el-table-column label="指标单位" width="100" prop="unit">
      </el-table-column>
      <el-table-column
        label="指标值"
        width="100"
        prop="targetValue"
      ></el-table-column>
      <el-table-column
        label="考核评分标准"
        width="200"
        prop="scoreStandard"
      ></el-table-column>
      <el-table-column
        label="分值权重"
        width="100"
        prop="score"
      ></el-table-column>

      <el-table-column
        label="自评完成情况"
        width="130"
        prop="scoreDescriptionSelf"
      >
      </el-table-column>
      <el-table-column label="备注说明" width="130" prop="remark">
      </el-table-column>
      <el-table-column
        label="自评得分"
        align="center"
        fixed="right"
        prop="finalScoreSelf"
        width="80"
      >
      </el-table-column>
      <el-table-column
        fixed="right"
        label="考核得分"
        align="center"
        width="80"
        prop="finalScore"
      ></el-table-column>
    </el-table>
  </div>
</template>

<script setup name="selfAppealList">
import { getCurrentInstance } from 'vue'
import { getAssessIndicatorsByAssessTime } from '@/api/officeManage/appeal'
const { proxy } = getCurrentInstance()

const props = defineProps({
  tableData: {
    type: Array,
    default: () => {
      return []
    }
  }
})

const data = reactive({
  tableData: []
})
const { tableData, spanObj } = toRefs(data)

/**
 * @description: 初始化
 */
const init = () => {}

onMounted(() => {
  proxy.$nextTick(() => {})
})

init()
</script>

<style scoped lang="scss"></style>
